/* bootstrap hack */
.btn-group {
	margin: 10px auto;
}
.img-rounded {
	border-radius: 20%;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.input-group .input-group-addon,
.input-group .btn,
.input-group .btn-group {
	margin: 0px -1px;
}
.input-group .btn {
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.input-group .btn:hover {
	color: #333333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
		 -moz-transition: background-position 0.1s linear;
			 -o-transition: background-position 0.1s linear;
					transition: background-position 0.1s linear;
}

/* carousel */
.carousel-indicators{
	bottom: auto;
	left: auto;
	top: 20px;
	right: 20px;
	z-index: 150;
	padding: 0;
	text-align: right;
}
.carousel-indicators li:hover {
	background-color: #fff;
}
.carousel-caption {
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	background: #333333;
	background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
	text-align: left;
	line-height: 20px;
	color: #ffffff;
}
.carousel-caption h4 {
	margin: 0 0 5px;
}
.carousel-caption p {
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		font-size: 40px;
	}
	.carousel-caption {
		right: auto;
		left: auto;
	}
}

/* doc */
@-webkit-viewport	 { width: device-width; }
@-moz-viewport			{ width: device-width; }
@-ms-viewport			 { width: device-width; }
@-o-viewport				{ width: device-width; }
@viewport					 { width: device-width; }
body {
	overflow-x:hidden;
}
section {
	border-bottom: 1px #cccccc dashed;
	padding-bottom:30px;
	margin-bottom:30px;
}
#page_container {
	padding:0px;
	max-width:980px;
	margin:0px auto;
}

/* Search input */
input.search-query {
	padding: 5px 15px 2px 25px;
	background-image: url("icon_search.png");
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
input.search-query:focus,
input.search-query.focused {
	padding: 5px 15px 2px 25px;
}
.navbar-inverse .navbar-search {
	margin-top: 8px;
}
.navbar-inverse .navbar-search .search-query {
	width:80px;
	padding: 2px 15px 2px 25px;
	border-radius:15px;
	border-width:0px;
	background-color:#555555;
	color:#ffffff;
	font-weight:bold;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
	padding: 5px 15px 2px 25px;
	background-color:#ffffff;
	color:#000000;
}

/* Tab */
.nav-tabs {
	margin:0px 0px;
}
.tab-content {
	border: 1px solid #ddd;
	border-top-width: 0px;
	margin:0px;
	padding:10px;
	height:200px;
}

/* example */
.example {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
	*padding-top: 19px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor:help;
}
.example:after {
	content: "Example";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #9da0a4;
	border-radius: 4px 0 4px 0;
}

/* Callouts */
.callout {
  margin: 10px 0;
  padding: 20px;
  border-left: 5px solid #eee;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout-danger {
  background-color: #fdf7f7;
  border-color: #eed3d7;
}
.callout-danger h4 {
  color: #b94a48;
}
.callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.callout-warning h4 {
  color: #c09853;
}
.callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.callout-info h4 {
  color: #3a87ad;
}

/* Sidenav */
.sidenav {
	width: 140px;
	margin: 30px 0 0;
	padding: 0;
	background-color: #f7f5fa;
	border: 1px #ddd solid;
	border-radius: 6px;
}
.sidenav > li > a {
	display: block;
	margin: 0 0 -1px;
	padding: 5px 5px;
	border-bottom: 1px solid #e5e5e5;
}
.sidenav > li:first-child > a {
	margin-top:-3px;
	border-radius: 6px 6px 0 0;
}
.sidenav > li:last-child > a {
	border-radius: 0 0 6px 6px;
}
.sidenav > .active > a {
	position: relative;
	padding: 6px 6px;
	border: 0;
	font-weight: bold;
	background-color: #eceaf0;
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
.sidenav .glyphicon {
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	opacity: .25;
}
.sidenav > li > a:hover {
	font-weight: bold;
	background-color: #eceaf0;
}
.sidenav a:hover .glyphicon {
	opacity: .5;
}
.sidenav .active a .glyphicon {
	opacity: 1;
}
.sidenav .nav {
  display: none;
  margin-bottom: 8px;
}
.sidenav .nav > li {
  background-color:#fefefe;
}
.sidenav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}
.sidenav .nav > li.active {
	font-weight: bold;
	background-color: #eceaf0;
}
@media screen and (min-width: 992px) {
  .sidenav > .active > ul {
    display: block;
  }
  .sidenav > li:hover > ul {
    display1: block;
  }
}
/* collapse nav */
#collapse_nav {position:absolute;}
#collapse_nav li{list-style:none;overflow:hidden;text-align:center;font-weight:bold;float:left;padding:0px 5px 0px 5px;width:120px;}
#collapse_nav .subcat{position:absolute;list-style-type:none;z-index:999;border-left:1px #ccc solid;border-right:1px #ccc solid;border-top:1px #ccc solid;margin:0px;padding:0px;}
#collapse_nav .subcat li{background-color:#f2f9fd;border-bottom:1px #ccc solid;clear:both;width:120px;}
#collapse_nav .subcat li:hover{background-color:#0363a8;}
#collapse_nav .subcat li a {text-align:left;display:block;padding:5px 5px 5px 5px;white-space:nowrap;word-break:keep-all;text-align:center;}
#collapse_nav .subcat li a:link,
#collapse_nav .subcat li a:visited{color:#0363a8;}
#collapse_nav .subcat li a:hover{color:#fff;background-image:url();}

/* Form Horizontal */
.form-horizontal_mod {text-align:center;}
.form-horizontal_mod .form-group{width:100%;clear:both;}
.form-horizontal_mod .form_label{width:20%;float:left;line-height:30px;text-align:right;clear:left;}
.form-horizontal_mod .form-control{width:60%;float:left;clear:right;}
.form-horizontal_mod .checkbox{width:100%;clear:both;margin:0px auto 10px auto;text-align:center;}
.form-horizontal_mod .checkbox input[type="checkbox"]{position:absolute;left:48%;}

/* Glyphicons */
.glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
}
.glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd;
}
.glyphicons .glyphicon {
	display: block;
	margin: 5px auto 10px;
	font-size: 24px;
}
.glyphicons li:hover {
	background-color: rgba(86,61,124,.1);
}
@media (min-width: 768px) {
	.glyphicons li {
		width: 12.5%;
	}
}

/* example */
.focus {
	border-color: rgba(82,168,236,.8);
	outline: 0;
	outline: thin dotted \9; /* IE6-9 */
	-moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
			 box-shadow: 0 0 8px rgba(82,168,236,.6);
}
.disabled {
	cursor: not-allowed;
	background-color: #eeeeee;
}
#image_test div {
	margin-bottom:10px;
}
.example-grid .cell {
	background-color:#eeeeee;
	margin-bottom:5px;
	border:1px #999999 solid;
	text-align:center;
}

/* footer */
.footer {
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
}
.footer p {
	margin-bottom: 0;
	color: #555;
}

/* responsive */
@media (max-width: 479px) {
	
}
@media (min-width: 480px) and (max-width: 767px) {
	
}
@media (max-width: 767px) {
	.navbar-fixed-top {
		padding:0px;
	}
	.sidenav {
		display:none;
	}
	body {
		padding-top:60px;
	}
}
@media (min-width: 768px) {	
	body {
		padding-top:60px;
	}
	.navbar-fixed-top {
		position:fixed;
		top: 0px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	
}
@media (max-width: 979px) {
	body {
		margin-top:0px;
	}
}
@media (min-width: 980px) {	
	
}
@media (max-width: 1199px) {
	body {
		padding-right:20px;
		padding-left:20px;
	}
}
@media (min-width: 1200px) {
	
}